﻿<template>
    <div style="width:100%;">
        <div class="clearfix oh padding20">
            <img :src="CompanyData.LogoID" onerror="javascript: this.src = 'images/logo.png'" style="height: 40px; margin-top: 10px; margin-right: 10px" class="pull-left pic60">
            <div class="xt-company" style="padding-top: -10px;">
                <h4 class="ft16 mt10">
                    {{CompanyData.QYName}}
                    <a data-toggle="tooltip" title="修改企业名称" data-placement="right" @click="XGQY()"><i class="iconfont icon-bianji ft14 c-default"></i></a>
                </h4>
                <p class=" ft14 c999 mt5">
                    <span class="mr10">注册时间：{{CompanyData.CRDate}}</span>
                </p>
            </div>
        </div>


        <div class="pt20 oh">




            <div class="page-title ft16 pl20" style="margin-top: 5px;">
                <h4 class="title">账户信息</h4>
            </div>
            <div class="pl20 pr20 pb20 ft16">
                <div class="col-xs-4 tc">
                    <div class="yg-round">
                        <div class="yg-round yg-round-white">
                            <p class="ft14 mt20 c999">员工数量</p>
                            <p class="sl">{{UserCountInfo.TotalUser}}</p>
                        </div>
                    </div>

                </div>
                <div class="col-xs-4 tc">
                    <div class="yg-round red">
                        <div class="yg-round yg-round-white">
                            <p class="ft14 mt20 c999">已发短信</p>
                            <p class="sl">{{SendDXCount}}</p>
                        </div>
                    </div>

                </div>
                <div class="col-xs-4 tc">
                    <div class="yg-round blue">
                        <div class="yg-round yg-round-white">
                            <p class="ft14 mt20 c999">已用容量</p>
                            <p class="sl">{{FileSize+fileUnit}}</p>
                        </div>
                    </div>
                </div>


            </div>





        </div>

    </div>
</template>
<style>
    .tc1 {
        width: 23%;
        float: left;
        margin: 0 1%;
    }

    .yg-round .yg-round-white {
        background: #fff;
        width: 100px;
        height: 100px;
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 20px;
    }

    .yg-round {
        width: 130px;
        height: 130px;
        background: #95cac6;
        text-align: center;
        margin: 0 auto;
        border-radius: 50%;
        position: relative;
        color: #95cac6;
        margin-bottom: 10px;
    }

    .tc1 .yg-round .yg-round-white {
        line-height: 100px;
    }
</style>
<script>
    module.exports = {
        name:'xtgl_index',
        props: ['pdata'],
        data: function () {
            return {
                TotalSpace: 0,
                FileSize: 0,
                SendDXCount: 0,
                fileUnit: "",
                ListData: [],
                UserCountInfo: {},
                CompanyData: {},
                GQDate: "",
                IsUserWx: "N"
            }
        },
        methods: {
            XGQY: function () {    //修改企业名称
                top.ComFunJS.winviewform("/ViewV5/AppPage/XTGL/XTGL_INIT.html", "完善企业信息", "1000", "700");
            },
            GetUserCount: function () {
                var pro = this;
                $.getJSON('/api/Auth/ExeAction?Action=GETUSERCOUNT', {}, function (resultData) {
                    if (resultData.ErrorMsg == "") {
                        pro.UserCountInfo = resultData.Result[0];
                        pro.IsUserWx = resultData.Result1;
                    }
                })
            }
        },
        mounted: function () {
            var pro = this;
            pro.$nextTick(function () {
                pro.GetUserCount();
                pro.CompanyData = pro.pdata.UserInfo.QYinfo;
            })

        },
        watch: {
            childpro: { //深度监听，可监听到对象、数组的变化
                handler(newV, oldV) {
                },
                deep: true
            }
        }
    };
</script>